<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //定义函数
        //第一种
        function appendStr(val) {
            console.log(val + '-----');
        }

        //第二种
        var appendStr1 = function (val) {
            console.log(val + '********');
        }

        //这样传多个参数也不会报错，那么怎么获取这些多余的参数呢
        appendStr(1, 2, 3, 4, 5, 6, 7);

        // arguments可以获取到所有的参数，进行附加操作的判断
        function appendStr(val) {
            console.log(arguments);
            if (arguments.length > 1) {
                let value = arguments[1];
                //todo
            }
        }

        //但是arguments包含了我们需要用到的参数，只想获取多余的参数可以用 ...rest来获取，...rest必须放到参数最后面
        function appendStr(val, ...rest) {
            for (let restElement of rest) {
                //打印出除了val本身外，其他附带的参数
                console.log(restElement);
            }
            console.log(val + '-----');
        }
    </script>
</head>
<body>

</body>
</html>